$.notify.addStyle("DI", {
	html: "<div class='keep'>\n<span data-notify-text></span>\n</div>",
	classes: {
		base: {
			"font-weight": "bold",
			"padding": "8px 15px 8px 14px",
			"text-shadow": "0 1px 0 rgba(255, 255, 255, 0.5)",
			"background-color": "#fcf8e3",
			"border": "1px solid #fbeed5",
			"border-radius": "4px",
			"white-space": "nowrap",
			"padding-left": "25px",
			"background-repeat": "no-repeat",
			"background-position": "3px 7px",
		},
		error: {
			"color": "#B94A48",
			"background-color": "#F2DEDE",
			"border-color": "#EED3D7",
			"background-image": "url()"
		},
		success: {
			"color": "#468847",
			"background-color": "#10e629",
			"border-color": "#D6E9C6",
			"background-image": "url()"
		},
		info: {
			"color": "#3A87AD",
			"background-color": "#29b8ff",
			"border-color": "#BCE8F1",
			"background-image": "url()"
		},
		warn: {
			"color": "#C09853",
			"background-color": "#ffd500",
			"border-color": "#FBEED5",
			"background-image": "url()"
		}
	},
})

class Notifier {
	doNotify(txt, type, id = "none") {
		id !== "none" ? $("#" + id).notify(txt, {style: "DI", className: type}) : $.notify(txt, {style: "DI", className: type});
	}

	success(txt, id = "none") {
		this.doNotify(txt, "success", id);
	}

	info(txt, id = "none") {
		this.doNotify(txt, "info", id);
	}

	warn(txt, id = "none") {
		this.doNotify(txt, "warn", id);
	}

	error(txt, id = "none") {
		this.doNotify(txt, "error", id);
	}
}
